.shop-tabbar-container {
    .goods-type-container {
        position: absolute;
        width: 56px;
        min-height: 100%;
        background: @shop-bg-color;
        box-sizing: border-box;
        z-index: 1;
        .p-b(35px);
        &.is-fixed {
            position: fixed;
            top: 0;
            left: 0;
        }
        .van-hairline--top-bottom {
            border-width: 0;
        }
        .van-badge-group {
            min-height: 100%;
        }
        .van-badge {
            overflow: inherit;
        }
        .goods-type-list {
            position: relative;
            width: 56px;
            min-height: 45px;
            font-size: 10px;
            .p-v(@gap-md);
            background-color: transparent;
            &.van-badge--select {
                background-color: @white;
                &::after {
                    content: '';
                    width: 20px;
                    height: 20px;
                    background-image: radial-gradient(10px at 0px 20px, #F4F4F6 10px, #ffffff 11px);
                    display: block;
                    position: absolute;
                    top: inherit;
                    left: inherit;
                    right: -10px !important;
                    bottom: -10px !important;
                    transform: inherit;
                }
                &::before {
                    content: '';
                    width: 20px;
                    height: 20px;
                    background-image: radial-gradient(10px at 0px -1px, #F4F4F6 10px, #ffffff 11px);
                    display: block;
                    position: absolute;
                    right: -10px !important;
                    top: -10px !important;
                }
            }
            &:first-child {
                &.van-badge--select {
                    &::before {
                        display: none;
                    }
                }
            }
        }
        .van-badge--select {
            border-color: transparent;
            &::after {
                border-right-width: 0;
            }
        }
    }
    .goods-container {
        position: relative;
        padding-left: 56px;
        box-sizing: border-box;
        min-height: 100vh;
        .p-b(@footer-height + 35px);
        background-color: @white;
        .content {
            margin-left: 6px !important;
            margin-right: 6px !important;
            .p-t(@gap-md);
        }
    }
}